<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>表格样式示例</title>  
    <style>  
        table {  
            width: 100%;  
            border-collapse: collapse;  
        }  
        th, td {  
            border: 1px solid #000;  
            padding: 8px;  
            text-align: left;  
        }  
        tr:nth-child(odd) {  
            background-color: #f2f2f2; /* 奇数行背景颜色 */  
        }  
        tr:nth-child(even) {  
            background-color: #ffffff; /* 偶数行背景颜色 */  
        }  
    </style>  
</head>  
<body>  
    <table>  
        <tr>  
            <th>列1</th>  
            <th>列2</th>  
            <th>列3</th>  
        </tr>  
        <tr>  
            <td>行1，列1</td>  
            <td>行1，列2</td>  
            <td>行1，列3</td>  
        </tr>  
        <tr>  
            <td>行2，列1</td>  
            <td>行2，列2</td>  
            <td>行2，列3</td>  
        </tr>  
        <tr>  
            <td>行3，列1</td>  
            <td>行3，列2</td>  
            <td>行3，列3</td>  
        </tr>  
        <tr>  
            <td>行4，列1</td>  
            <td>行4，列2</td>  
            <td>行4，列3</td>  
        </tr>  
    </table>  
    <hr>
    <!-- 绝对路径 -->
    <a href="http://www.baidu.com">百度</a>
    <a href="//jd.com">京东</a>
    <a href="/search">搜索3</a>
    <!-- 相对路径 -->
    <a href="./css/app.css">css文件</a>
    <a href="/js/app.js">js文件2</a>
    <a href="../css/app.css">css文件1</a>
</body>  
</html>